<html lang="zh">
<head>
    <style>
        * {
            margin: 0;
            padding: 0;
            text-decoration: none;
            list-style-type: none;
        }

        body{
            max-width: 640px;
            border: red solid 1px;
        }

        #aaa ul:nth-child(1){     /*   第一个 ul */
            width: 400%;
            background-color: pink;
            height: 350px;
        }
        #aaa ul:nth-child(1) li{
            width: 25%;
            float: left;
        }
        #aaa ul:nth-child(1) li img{
            width: 100%;
        }



    </style>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>YXB</title>
</head>
<body>

<h1>YXB--自己写的</h1>
<h1>移动端的web</h1>
<h1>轮播图</h1>


<div id="aaa">
    <ul>
        <li><img src="http://attach.zhiyoo.com/forum/201903/15/234640804ls8wkc2j0ku46.jpg" alt=""></li>
        <li><img src="http://attach.zhiyoo.com/forum/201902/25/111732hft305ttfi50i33g.jpg" alt=""></li>
        <li><img src="http://attach.zhiyoo.com/forum/201902/06/1537270rubt0b444umfhut.jpg" alt=""></li>
        <li><img src="http://attach.zhiyoo.com/forum/201811/22/13130833xkfwmhuukf6mgf.jpg" alt=""></li>
    </ul>



    <ul>   <!--  小圆点-->
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>





</body>

<script>




</script>

</html>